@search-hover-bg: #EDEFF2;
@list-items-active-bg: #FF6D6C;
.vtrade-form {
  font-size: 1.2rem;
  .terminal-title {
    height: 30px;
    line-height: 30px;
    margin-bottom: 6px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #E8E8E8;
    font-size: 1.4rem;
    text-align: center;
  }
  fieldset {
    position: relative;
    padding: 5px 10px;
    border: none;
    label {
      margin-right: 4px;
    }
    &.group-name,
    &.group-available {
      padding: 8px 10px;
      color: #545454;
      span:first-child {
        margin-left: 32px;
      }
    }
    button, input, select {
      font-family: Arial, "Microsoft YaHei", "微软雅黑", "PingFangSC-Regular", Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, "Microsoft Sans Serif";
    }
    button {
      border: none;
      background: none;
      font-size: 1.8rem;
      cursor: pointer;
      &:hover {
        opacity: .9;
      }
    }
    button.step-left {
      position: absolute;
      margin: 2px 3px;
      padding: 0;
    }
    button.step-right {
      position: absolute;
      top: 7px;
      left: 152px;
      padding: 0;
    }
    .buyin {
      color: #F34D39;
    }
    .saleout {
      color: #48A9E3;
    }
    input[type="text"],
    input[type="number"] {
      width: 130px;
      padding: 4px 0;
      border: 1px solid #CCC;
      border-radius: 4px;
      text-align: center;
      &:focus {
        border-color: #09F;
      }
    }
    input.input-name,
    input.input-available {
      border: none;
    }
    select {
      width: 130px;
      height: 23px;
      background-color: #FFF;
      border: 1px solid #CCC;
      option {
        margin: 10px auto;
      }
    }
    // 搜索结果显示
    .search-menu {
      position: absolute;
      top: 30px;
      left: 42px;
      width: 144px;
      height: 140px;
      margin: 0;
      text-align: left;
      overflow: hidden;
      overflow-y: auto;
      background-color: #FFF;
      border: 1px solid #DDD;
      border-radius: 4px;
      z-index: 999;
      li {
        padding: 4px;
        font-size: 1.3rem;
        cursor: pointer;
        span:first {
          margin-right: 4px;
        }
        &.even {
          background-color: @search-hover-bg;
        }
        &.active,
        &:hover {
          color: #FFF;
          background-color: @list-items-active-bg;
        }
        &.empty-symbol {
          line-height: 2rem;
          text-align: center;
        }
      }
    }
  }
  .holding-control {
    padding: 0 8px;
    button {
      width: 54px;
      height: 24px;
      margin: 4px 3px;
      font-size: 1.1rem;
      font-family:  Arial, "Microsoft YaHei", "微软雅黑", "PingFangSC-Regular", Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, "Microsoft Sans Serif";
      cursor: pointer;
      color: #333;
      border: 1px solid #BDBDBD;
      border-radius: 4px;
      background-color: #FFF;
      white-space: nowrap;
      &:hover {
        border-color: #FFF;
        color: #FFF;
      }
    }
  }
  .buyin-action,
  .saleout-action {
    margin: 7px auto;
    text-align: center;
    button {
      width: 178px;
      height: 26px;
      color: #FFF;
      border-radius: 4px;
      font-family: Arial, "Microsoft YaHei", "微软雅黑", "PingFangSC-Regular", Helvetica, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, "Microsoft Sans Serif";
      cursor: pointer;
      border: none;
      &:hover {
        opacity: .9;
      }
    }
  }
  .holding-control.buyin button:hover,
  .buyin-action button {
    background: linear-gradient( #FE846F, #F86161);
    background: -webkit-linear-gradient( #FE846F, #F86161);
    background: -moz-linear-gradient( #FE846F, #F86161);
    background: -o-linear-gradient( #FE846F, #F86161);
  }
  .holding-control.saleout button:hover,
  .saleout-action button {
    background: linear-gradient( #88D2F5, #5BA5F9);
    background: -webkit-linear-gradient( #88D2F5, #5BA5F9);
    background: -moz-linear-gradient( #88D2F5, #5BA5F9);
    background: -o-linear-gradient( #88D2F5, #5BA5F9);
  }
  // 点击空白区域关闭下拉菜单
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
  }
  .modal-backdrop.fade {
    opacity: 0;
    transition: opacity .15s linear;
  }
  .modal-backdrop.in {
    opacity: .5;
  }
}